<style>
.main {
    /*margin-left: 105px;*/
    /*position: fixed;*/
    width: 90%;
    margin-top: 50px;
    float: left;
}
</style>
<template>
    <v-header>
    </v-header>
    <div class="content">
        <v-menu :show.sync="menu"></v-menu>
        <div class="main">
            <router-view></router-view>
        </div>
        <div style="clear:both"></div>
    </div>
    <v-footer>
    </v-footer>
</template>
<script>
    var menu = require("../components/menu.vue");
    var header = require("../components/header.vue");
    var footer = require("../components/footer.vue");
    module.exports = {
        data: function(){
            console.log("data", this);
            return {
                menu: true
            };
        },
        components: {
            "v-menu": menu,
            "v-header": header,
            "v-footer": footer
        },
        events: {
        },
        methods: {

        }
    }
</script>